<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 并集选择器 -->


    <!-- <style>
        p,
        .a,
        #b{
            font-size: 20px;
            color: rgb(255, 0, 0)
        }
     </style>

     

     <p>段落1</p>
     <p class="a">段落2</p>
     <p id="b">段落3</p> -->

     <!-- 链接伪类选择器 -->
     <!-- <style>
        a:link{
            color:red;
        }
        
        a:visited{
            color: blue;
        }
        
        a:hover{
            color: green;<style>
        }

        a:active{
            color:yellow;
        }
     </style>

     <a href="https://www.sogou.com/">sougou</a>
        }

        a:active{
            color:yellow;
        }
     </style>

     <a href="https://www.sogou.com/">sougou</a> -->

     <!-- force伪类选择器 -->
     <!-- <style>
        input:focus{
            color:blue;
        }
     </style>

     <div>
        <input type="text">
        <input type="text">
        <input type="text">
        <input type="text">
     </div> -->
     
     <!-- 字体属性 -->
     <!-- <style>
        ul>li>p{
            font-family:'微软雅黑'
            font-size=20px;
            font-weight:bold;
            font-style:italic;
        }
     </style>
     
     <ul>
        <li>
            <p>段落6</p>
            <div>段落7</div>
        </li>
     </ul> -->

     <!-- 文本属性 -->
     <style>
        ul>li>div{
            color: #f00;
            text-align: left;
            text-decoration: underline;
            text-indent:2em;
        }
     </style>
     
     <ul>
        <li>
            <p>段落8</p>
            <div>段落9</div>
        </li>
     </ul>
</body>
</html>